<admintpl file="header"/>
<style>
a{color:#000}
.expander{margin-left: -20px;}
.action_ul{overflow:hidden; font-size:15px; font-family:'黑体'; margin:10px 0px;}
.action_ul li{padding:0px 10px; display:inline;text-align:center; float:left; cursor:pointer}
.action_ul li img{margin:5px 0}
.action_ul li p{margin: 0 0 5px;}
.visua_div{border:2px solid #E3EEF4; white-space: nowrap;overflow-x: auto;}
.visua_child{position:relative;display: inline-block;width:155px; height:140px; border-radius:10px; margin:3px; text-align:center; padding:15px 0 10px 0; vertical-align: text-top;}
.visua_child input{margin: 0 2px; background:#fff}
.visua_child p{margin: 0 0 3px;}
.borderRight{border-right:2px solid #ccc}
.bg_qianlv{background-color:#E9FEC0;}
.bg_huanglv{background-color:#808000;}
.bg_lan{background-color:#8080FF;}
.bg_cheng{background-color:#F7E1CC;}
.bg_hui{background-color:#E6E6E6;}
.bg_lv{background-color:#00CC00;}
.bg_huang{background-color:#F3D776;}
.bg_red{background-color:#FF6699;}
.bg_mei{background-color:#E792E0;}
.bg_blue{background-color:#33CCFF;}
.gege{width:15px; height:15px; float:left; margin:0 3px}
.visua_child img{position:absolute; margin-top:-15px; left:85%; width:15px; height:15px}

</style>
</head>
<body>
	<div class="wrap js-check-wrap">
		<ul class="nav nav-tabs">
			<li class="active"><a href="{:U('orders/sales')}">{:L('可视化墓区')}</a></li>
            <li><a href="{:U('orders/sale')}">格位信息</a></li>
			<!--<li><a href="{:U('orders/buyer')}">申请人信息</a></li>-->
            <li><a href="{:U('orders/applyer')}">申请人信息</a></li>
			<li><a href="{:U('orders/user')}">寄存信息</a></li>
			<li><a href="{:U('orders/signContract')}">合同签订</a></li>
			<li><a href="{:U('orders/orderPay')}">订单支付</a></li>
		</ul>
		<form class="js-ajax-form" action="{:U('rbac/authorize_post')}" method="post">
			<div class="table_full">
                	<div style=" overflow:hidden; background:#F7F7F7; padding:5px 10px">
                    	<div class="bg_huanglv gege"></div><span style="float:left">无产品</span>
                    	<div class="bg_hui gege"></div><span style="float:left">空闲</span>
                        <div class="bg_cheng gege"></div><span style="float:left">保留</span>
                        <div class="bg_lv gege"></div><span style="float:left">定金</span>
                        <div class="bg_huang gege"></div><span style="float:left">购买未使用</span>
                        <div class="bg_mei gege"></div><span style="float:left">部分安葬</span>
                        <div class="bg_red gege"></div><span style="float:left">全部安葬</span>
                        <div class="bg_blue gege"></div><span style="float:left">迁出</span>
                    </div>
                	<ul class="action_ul">
                    	<li>
                        	<a id="editStatus">
                                <img src="__TMPL__/Public/assets/images/ico_msg_s.png">
                                <p>修改产品信息</p>
                            </a>
                        </li>
                        <li class="borderRight">
                        	<a id="productInfo">
                                <img src="__TMPL__/Public/assets/images/ico_msg_s.png">
                                <p>产品详情</p>
                            </a>
                        </li>
                        <li >
                        	<a id="">
                                <img src="__TMPL__/Public/assets/images/ico_msg_s.png">
                                <p>抵顶人</p>
                            </a>
                        </li>
                        <li >
                        	<a id="">
                                <img src="__TMPL__/Public/assets/images/ico_msg_s.png">
                                <p>修改价格</p>
                            </a>
                        </li>
                        <li>
                        	<a class="js-ajax-delete" data-msg="确定要删除吗？" 
                            	href="{:U('Cate/toggle',array('ids'=>1))}">
                                <img src="__TMPL__/Public/assets/images/ico_msg_s.png">
                                <p>删除</p>
                            </a>
                        </li>
                        <li class="borderRight">
                        	<a id="editTombarea">
                                <img src="__TMPL__/Public/assets/images/ico_msg_s.png">
                                <p>修改墓区</p>
                            </a>
                        </li>
                        <li>
                        	<a class="js-ajax-delete" data-msg="确定要保留吗？" 
                            	href="{:U('Tombarea/toggle',array('ids'=>1))}">
                                <img src="__TMPL__/Public/assets/images/ico_msg_s.png">
                                <p>保留</p>
                            </a>
                        </li>
                        <li class="borderRight">
                        	<a class="js-ajax-delete" data-msg="确定要取消保留吗？" 
                            	href="{:U('Tombarea/toggle',array('ids'=>1))}">
                                <img src="__TMPL__/Public/assets/images/ico_msg_s.png">
                                <p>取消保留</p>
                            </a>
                        </li>
                        <li>
                        	<a class="js-ajax-delete" data-msg="确定要取消隐藏吗？" 
                            	href="{:U('Tombarea/toggle',array('ids'=>1))}">
                                <img src="__TMPL__/Public/assets/images/ico_msg_s.png">
                                <p>取消隐藏</p>
                            </a>
                        </li>
                        <li class="borderRight">
                        	<a class="js-ajax-delete" data-msg="确定要隐藏吗？" 
                            	href="{:U('Tombarea/toggle',array('ids'=>1))}">
                                <img src="__TMPL__/Public/assets/images/ico_msg_s.png">
                                <p>隐藏</p>
                            </a>
                        </li>
                        <li class="borderRight">
                            <a href="javascript:location.reload();">
                                <img src="__TMPL__/Public/assets/images/ico_msg_s.png">
                                <p>刷新</p>
                            </a>
                        </li>
                        <li>
                            <p style=" margin-top: 10px;">
                                <a class="btn" onClick="selectAll()">全选</a>
                                <a class="btn" onClick="selectNone()">全不选</a>
                                <a class="btn" onClick="selectInvert()">反选</a>
                            </p>
                        </li>
                    </ul>
                	<div class="visua_div">
                		<div class="visua_child bg_hui">
                            <img src="__TMPL__/Public/assets/images/peo.png" name="diding" title="抵顶人姓名:张三"/>
                            <p><input type="checkbox" name="no[]">JF5-2</p>
                            <p>双穴</p>
                            <p>单价:36000.00</p>
                        </div>
                        <div class="visua_child bg_lv">
                            <p><input type="checkbox" name="no[]">JF5-2</p>
                            <p>三穴</p>
                            <p>单价:36000.00</p>
                        </div>
                        <div class="visua_child bg_hui">
                            <p><input type="checkbox" name="no[]">JF5-2</p>
                            <p>单穴</p>
                            <p>单价:36000.00</p>
                        </div>
                        <div class="visua_child bg_hui">
                            <p><input type="checkbox" name="no[]">JF5-2</p>
                            <p>单穴</p>
                            <p>单价:36000.00</p>
                        </div>
                        <div class="visua_child bg_hui">
                            <p><input type="checkbox" name="no[]">JF5-2</p>
                            <p>单穴</p>
                            <p>单价:36000.00</p>
                        </div>
                        <div class="visua_child bg_hui">
                            <p><input type="checkbox" name="no[]">JF5-2</p>
                            <p>双穴</p>
                            <p>单价:36000.00</p>
                        </div>
                        <br />
                        <div class="visua_child bg_huang">
                            <img src="__TMPL__/Public/assets/images/peo.png" name="diding" title="抵顶人姓名:李四"/>
                            <p><input type="checkbox" name="no[]">JF5-2</p>
                            <p>单穴</p>
                            <p>业务员:锁应知</p>
                            <p>合同:JFFW011</p>
                        </div>
                        <br />
                        <div class="visua_child bg_lv">
                            <p><input type="checkbox" name="no[]">JF5-2</p>
                            <p>单穴</p>
                            <p>业务员:锁应知</p>
                        </div>
                        <div class="visua_child bg_red">
                            <p><input type="checkbox" name="no[]">JF5-2</p>
                            <p>单穴</p>
                            <p>业务员:锁应知</p>
                            <p>逝者:张三</p>
                            <p>合同:JFFW011</p>
                        </div>
                        <br />
                        <div class="visua_child bg_blue">
                            <p><input type="checkbox" name="no[]">JF5-2</p>
                            <p>单穴</p>
                            <p>业务员:锁应知</p>
                        </div>
                    </div>
			</div>
		</form>
	</div>
	<script type="text/javascript">
	$(document).ready(function () {
		Wind.css('treeTable');
	    Wind.use('treeTable', function () {
	        $("#dnd-example").treeTable({
	            indent: 20
	        });
	    });
	});
	$(document).on("click","[name='title']",function(){
		<!--没有子级时触发事件-->
		if($(this).parents("tr").attr("class").indexOf("collapsed") < 0 ) {
			
			alert($(this).attr("id"));
		}
	})
	$(document).on("click","#editStatus",function(){
		var name = $("input[name='no[]']:checked");
		<!--没有子级时触发事件-->
		if(name.length < 1 ) {
			
			alert("请选择数据！");
		}else{
			$(this).attr("href","{:U('Admin/Visua/product',array('id'=>1))}");
			//$(this).attr("href","javascript:parent.open_iframe_dialog('{:U('Admin/Visua/editStatus',array('id'=>1))}','修改状态',{}, '500px', '550px')")
		}
	})
	$(document).on("click","#productInfo",function(){
		var name = $("input[name='no[]']:checked");
		<!--没有子级时触发事件-->
		if(name.length < 1 ) {
			
			alert("请选择数据！");
		}else{
			
			$(this).attr("href","{:U('Admin/Tombarea/productInfo',array('id'=>1))}");
			
		}
	})
	$(document).on("click","#editTombarea",function(){
		var name = $("input[name='no[]']:checked");
		<!--没有子级时触发事件-->
		if(name.length < 1 ) {
			
			alert("请选择数据！");
		}else{
			
			$(this).attr("href","{:U('Admin/Tombarea/add',array('id'=>1))}");
			
		}
	})
	
	//全选
	function selectAll(){
		var name = document.getElementsByName("no[]");
		for(var i=0;i<name.length;i++){
			name[i].checked=true;
		}
	}
	//全不
	function selectNone(){
		var name = document.getElementsByName("no[]");
		for(var i=0;i<name.length;i++){
			name[i].checked=false;
		}
	}
	//反选
	function selectInvert(){
		var name = document.getElementsByName("no[]");
		for(var i=0;i<name.length;i++){
			if(name[i].checked)
				name[i].checked=false ;
			else
				name[i].checked=true ;
		}
	}
	</script>
    <admintpl file="Visua/editStatus"/>
</body>
</html>